<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/styleIUser.css"/>
    <link rel="stylesheet" type="text/css" href="css/home.css"/>
</head>
<style>
    .swiper-container {
        width: 100%;
        height: 600px;
        overflow-y: hidden;
    }
    .swiper-slide img{
        width:100%;
    }
    .swipertext{
        width: 100%;
        text-align: center;
        position: absolute;
        z-index: 999999999;
        top: 550px;
        left: 0px;
    }

</style>
<body>
<div id="barrierfree_container">

    <!--1200定宽部分-->
    <div class="ontertext">
        <div class="swipertext">
            <div class="clearFix" id="noUser" >
                <ul class="IUserNo">
                    <li class="IUserNo_L0" indexnum="0">
                        <a href="/fwmh/yhzx/front/index.do">
                            <i><img src="img/icon/IUser0.png"/></i>
                            <span>统一入口</span>
                        </a>
                    </li>
                    <li class="IUserNo_L1" indexnum="1">
                        <a href="/fwmh/yhzx/front/index.do">
                            <i><img src="img/icon/IUser1.png"/></i>
                            <span>统一标准</span>
                        </a>
                    </li>
                    <li class="IUserNo_L2" indexnum="2">
                        <a href="/fwmh/item/fr_index.do">
                            <i><img src="img/icon/IUser2.png"/></i>
                            <span>统一规范</span>
                        </a>
                    </li>
                    <li class="IUserNo_L3" indexnum="3">
                        <a href="/fwmh/tytj/front/showBJTJView.do">
                            <i><img src="img/icon/IUser3.png"/></i>
                            <span>统一流程</span>
                        </a>
                    </li>
                    <li class="IUserNo_L4" indexnum="4">
                        <a href="/fwmh/yhzx/front/indexEval.do">
                            <i><img src="img/icon/IUser4.png"/></i>
                            <span>统一方式</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="Finance">
            <div id="Finance_left" style="float: left;">
                <ul>
                    <li class="Finance_name">惠民资金公示情况</li>
                    <li class="Finance_content marginstyle">
                        <ul class="Finance_box">
                            <li class="li_first"><img src="img/icon/user.png"/></li>
                            <li class="li_Second font_style font-size0 ">
                                <p class="ptext"><span style="font-size:34px;color:red">154759</span>个</p>
                                <p class="ptext">领取资金人数</p>
                            </li>
                            <li class="Yline"></li>
                            <li class="li_Fourth"><img style="margin-left:10px" src="img/icon/money.png"/></li>
                            <li class="li_Fifth font_style font-size0">
                                <p class="ptext"><span style="font-size:34px;color:red">2445451</span>万元</p>
                                <p class="ptext">公示惠民资金总额</p>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div id="Finance_right" style="float: right;">
                <ul>
                    <li class="Finance_name">村财村务公示情况</li>
                    <li class="Finance_content marginstyle">
                        <ul class="Finance_box">
                            <li class="li_first"><img src="img/icon/home.png"/></li>
                            <li class="li_Second font_style font-size0">
                                <p class="ptext"><span style="font-size:34px;color:red">98263</span>个</p>
                                <p class="ptext">公开村务村居总数</p>
                            </li>
                            <li class="Yline"></li>
                            <li class="li_Fourth"><img style="margin-left:10px" src="img/icon/money.png"/></li>
                            <li class="li_Fifth font_style font-size0">
                                <p class="ptext"><span style="font-size:34px;color:red">2445451</span>万元</p>
                                <p class="ptext">公示村财资金总额</p>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="map">
            <div class="search">
                <ul>
                    <li class="search_money font-size1 search_left">
                        <span>个人资金发放查询</span>
                    </li>
                    <li class="search_money font-size1 search_right">
                        <span>项目公开（请点击查询）</span>
                    </li>
                </ul>
                <ul class="clickall">
                    <li class="click_header"><img src="img/Whole_district.png"/></li>
                    <li class="click_input">
                        <input type="text"  placeholder="请在这里点击鼠标输入姓名或身份证号" />
                    </li>
                    <li class="click_footer"><img src="img/click_search.png"/></li>
                    <li class="font-size1 backclick" >
                        <span>返回自治区首页</span>
                    </li>
                </ul>
            </div>
            <div class="mapbackground">
                <div class="mapimg">
                    <p class="backbox">
                        <span><img style="margin-left:10px" src="img/icon/look.png"/></span>
                        <span class="font-size1">按地区/地图查询</span>
                        <span class="font_style font-size1">(点击地图查询)</span>
                    </p>
                    <div id="container"></div>
                </div>
            </div>
            <div class="cleardiv"></div>
            <div class="project">
                <h1 class="projectname">按项目归属部门查询</h1>
                <div class="font_style font-size0" id="lookmore">
                    <p class="moretext"><span>查看更多》</span></p>
                </div>
                <ul class="backbox projectlist" id="projectlist">
                    <li class="font-size1 font_style2">热门查询项目</li>
                    <li class="font-size1 deleCtclass">人社部门</li>
                    <li class="font-size1 deleCtclass">民政厅部门</li>
                    <li class="font-size1 deleCtclass">人社部门</li>
                </ul>
                <ul class="project_main" indexstyle="inex_0">
                    <li class="project_MainElem font-size2 submain_left">
                        <span>城乡低保补助</span>
                    </li>
                    <li class="project_MainElem font-size2 ">
                        <span>城乡低保补助</span>
                    </li>
                    <li class="project_MainElem font-size2 submain_right">
                        <span>城乡低保补助</span>
                    </li>
                    <li class="project_MainElem font-size2 submain_left">
                        <span>城乡低保补助</span>
                    </li>
                    <li class="project_MainElem font-size2 ">
                        <span>城乡低保补助</span>
                    </li>
                    <li class="project_MainElem font-size2 submain_right">
                        <span>城乡低保补助</span>
                    </li>
                </ul>
                <div style="clear: both;"></div><!--清除浮动-->
            </div>
        </div>
        <div class="project">
            <h1 class="projectname">综合排名</h1>
            <table id="tablemain" class="font-size3" >
                <!--<thead id="tableheader " class="back_style">
                    <th >数据更新的及时排行</th>
                    <th >查询量排名</th>
                    <th >数据量排名</th>
                    <th >开通率排名</th>
                </thead>-->
                <tbody>
                <tr class="back_style" style="color: #fff;">
                    <td >数据更新的及时排行</td>
                    <td>查询量排名</td>
                    <td >数据量排名</td>
                    <td >开通率排名</td>
                </tr>
                <tr>
                    <td>1、阿拉善盟</td>
                    <td>1、阿拉善盟</td>
                    <td>1、阿拉善盟</td>
                    <td>1、阿拉善盟</td>
                </tr>
                <tr>
                    <td>2、阿拉善盟</td>
                    <td>2、阿拉善盟</td>
                    <td>2、阿拉善盟</td>
                    <td>3、阿拉善盟</td>
                </tr>
                <tr>
                    <td>2、阿拉善盟</td>
                    <td>2、阿拉善盟</td>
                    <td>2、阿拉善盟</td>
                    <td>3、阿拉善盟</td>
                </tr>
                <tr>
                    <td>2、阿拉善盟</td>
                    <td>2、阿拉善盟</td>
                    <td>2、阿拉善盟</td>
                    <td>3、阿拉善盟</td>
                </tr>
                <tr>
                    <td class="font_style">查看更多》</td>
                    <td class="font_style">查看更多》</td>
                    <td class="font_style">查看更多》</td>
                    <td class="font_style">查看更多》</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

</div>
<script type="text/javascript" src="js/common/jquery-3.2.1.min.js" ></script>
<script type="text/javascript" src="js/common/swiper.min.js" ></script>
<script type="text/javascript" src="js/common/home.js" ></script>
<script type="text/javascript" src="js/common/jsMap.min.js" ></script>
<script>
    var mySwiper = new Swiper ('.swiper-container', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    })
</script>
</body>
</html>